<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link type="text/css" href="css/new_file.css" rel="stylesheet" />
	</head>
	<body>
		<header>
			<p class="h1"><a href="#">Typo</a></p>
			<nav class="nav1">
				<ol>
					<li><a href="#">Home</a></li>
					<li><a href="#">About</a></li>
					<li><a href="#">Archives</a></li>
					<li><a href="#">Contact</a></li>
				</ol>
			</nav>
		</header>
		<div id="content">
			<div id="left">
				<article id="a1">
					<p class="h2"><a href="#">Getting your stock photos seen</a></p>
					<p class="p1">
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
						Praesent sed turpis turpis, eu mattis sem.
						Sed tristique porta cursus. 
						Class <a href="#">aptent taciti</a> sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. 
						Donec vestibulum, enim nec condimentum ullamcorper, magna ipsum sagittis sapien, 
						vel egestas lorem mi et neque. 
						Nulla ultrices felis eget arcu vulputate at hendrerit augue euismod. 
						Nulla at velit ac turpis sollicitudin consequat. 
						Etiam leo tortor, faucibus a consectetur et, consequat venenatis velit. 
						Curabitur tempus sem vitae elit gravida a suscipit leo placerat.
					</p>
					<ul class="ull">
						<li>17th October 2011</li>
						<li>Posted in <a href="#">Articles</a></li>
						<li><a href="#">Continue Reading ?</a></li>
					</ul>
			
		        </article>
		        <article id="a2">
		        	<p class="h2"><a href="#">Top 10 tips for new bloggers</a></p>
					<p class="p1">
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
						Praesent sed turpis turpis, eu mattis sem. Sed tristique porta cursus. 
						Class <a href="#">aptent taciti</a> sociosqu ad litora torquent per conubia nostra, 
						per inceptos himenaeos. Donec vestibulum, enim nec condimentum ullamcorper, 
						magna ipsum sagittis sapien, vel egestas lorem mi et neque. 
						Nulla ultrices felis eget arcu vulputate at hendrerit augue euismod.
					</p>
					<ul class="ull">
						<li>17th October 2011</li>
						<li>Posted in <a href="#">Articles</a></li>
						<li><a href="#">Continue Reading ?</a></li>
					</ul>
		        </article>
		        <article id="a3">
		        	<p class="h2"><a href="#">10 fantastic photography tips</a></p>
					<p class="p1">
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
						Praesent sed turpis turpis, eu mattis sem. Sed tristique porta cursus. 
						Class <a href="#">aptent taciti</a> sociosqu ad litora torquent per conubia nostra, 
						per inceptos himenaeos. Donec vestibulum, enim nec condimentum ullamcorper, 
						magna ipsum sagittis sapien, vel egestas lorem mi et neque. 
						Nulla ultrices felis eget arcu vulputate at hendrerit augue euismod.
					</p>
					<ul class="ull">
						<li>17th October 2011</li>
						<li>Posted in <a href="#">Articles</a></li>
						<li><a href="#">Continue Reading ?</a></li>
					</ul>
		        	
			
		        </article>
		        <nav id="nav2">
		        	<ul>
		        		<li class="a-1"><a href="#">《 Older posts</a></li>
		        		<li class="a-2"><a href="#">Newer posts》</a></li>
		        	</ul>
		        </nav>
			</div>
		    <aside id="reight">
		    	<section class="s1">
		    		<p class="h3">About me</p>
		    		<p class="p2">
		    			Typo is a WordPress theme based entirely on a balanced typographic design. 
		    			A strict grid layout keeps everything tidy, allowing the content to shine.
		    			<a href="#">Find out more ?</a>
		    		</p>
		    	</section>
		    	<section class="s2">
		    		<p class="h3">Categories</p>
		    		<ul>
		    			<li><a href="#">Articles</a></li>
		    			<li><a href="#">Design</a></li>
		    			<li><a href="#">Graphics</a></li>
		    			<li><a href="#">Inspiration</a></li>
		    			<li><a href="#">Retro</a></li>
		    		</ul>
		    	</section>
		    	<section class="s3">
		    		<p class="h3">Social</p>
		    		<ul>
		    			<li><a href="#">Twitter</a></li>
		    			<li><a href="#">Facebook</a></li>
		    			<li><a href="#">Flickr</a></li>
		    			<li><a href="#">Behance</a></li>
		    			<li><a href="#">Last.FM</a></li>
		    			<li><a href="#">YouTube</a></li>
		    		</ul>
		    	</section>
		    	<section class="s4">
		    		<p class="h3">Latest posts</p>
		    		<ul>
		    			<li><a href="#">Getting your stock photos seen</a></li>
		    			<li><a href="#">Top 10 tips for new bloggers</a></li>
		    			<li><a href="#">10 fantastic photography tips</a></li>
		    		</ul>
		    	</section>
		    	<section class="s5">
		    		<p class="h3">Search</p>
		    		<form method="get" action="#">
		    			<fieldset>
		    				<input type="text" id="input1" placeholder="I'm looking for…" />
		    				<input type="button" id="button1" value="Search" />
		    			</fieldset>
		    		</form>
		    	</section>
			
		    </aside>
		</div>
		<div id="footer-1">
			<footer>
			<img src="img/credits.png" />
			<p class="p3">
				<a href="#">
					Back to top
				</a>
			</p>
		</footer>
		</div>
		
		
	</body>
</html>
